/**
 * 该文件，用于创建路由器与配置路由规则
 */

// 引入 VueRouter 构造函数
import VueRouter from "vue-router";
// 引入 Vue 构造函数
import Vue from "vue";

// 引入组件
import Home from "../views/HomeView.vue";
import About from "../views/About.vue";

// 使用 Vue.use(VueRouter)
Vue.use(VueRouter);

// 创建路由器
const router = new VueRouter({
  // mode 配置项：用于配置路由模式
  //    hash    - hash 模式   （默认模式）
  //    history - history 模式
  mode: "history",

  // routes 配置项：用于描述路由规则
  routes: [
    {
      path: "/home",
      component: Home,
    },
    {
      path: "/about",
      component: About,
    },
  ],
});

// router 需要给到 new Vue() 的 router 配置项。所以需要导出
export default router;
